<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Home</title>
  <meta name="description" content="">
  
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700' rel='stylesheet' type='text/css'>

  <link href="/css/font-awesome.min.css" rel="stylesheet">
  <link href="/css/bootstrap.min.css" rel="stylesheet">
  <link href="/css/bot4.css" rel="stylesheet">
  <link href="/css/templatemo-style.css" rel="stylesheet">
  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  <style>
    .img-responsive {
      /* width: 100%; */
      margin: 0 auto;
    }

    #main {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
    }

    .box {
      position: relative;
    }

    .ech {
      position: relative;
      min-height: 550px;
    }

    .col-1 {
      max-width: none;
    }

    .col-2 {
      max-width: none;
    }
    .btnbox{
      width: 100%;
      margin-top: 20px;
      text-align: center;
    }
    .btnbox button{
      margin-right: 20px;
      width: 30%;
    }
  </style>

</head>

<body>
  <!-- Left column -->
  <div class="templatemo-flex-row">
    <!-- - : 不转义输出,不会转移html标签  = : 转义输出,会把HTML标签转义为 &gt; -->
    <%- include('./header.ejs',{idx:'sjb'}) %>

    <!-- Main content -->
    <div class="templatemo-content col-1 box light-gray-bg">
      <div class="templatemo-top-nav-container">
        <div class="row">
          <nav class="templatemo-top-nav col-lg-12 col-md-12">
            <ul class="text-uppercase">
              <li><a href="" class="active">Admin panel</a></li>
              <li><a href="">Dashboard</a></li>
              <li><a href="">Overview</a></li>
              <li><a href="login.html">Sign in form</a></li>
            </ul>
          </nav>
        </div>
      </div>
      <div class="btnbox">
        <button type="button" class="btn speci btn-outline-primary">专业</button>
        <button type="button" class="btn grads btn-outline-dark">班级</button>
      </div>
      <div class="ech">
        <div id="main" style="width: 800px;height:500px;"></div>
      </div>
    </div>

  </div>

  <!-- JS -->
  <script src="https://lib.baomitu.com/echarts/4.6.0/echarts.js"></script>
  <script src="/js/jquery-1.11.2.min.js"></script>
  <script src="/js/jquery-migrate-1.2.1.min.js"></script>
  <script type="text/javascript" src="/js/templatemo-script.js"></script>
  <script src="/js/ech.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <script>
    $(function () {
      new Ech();
    })
  </script>
</body>

</html>